/* ==========================================================================
   Index Page
   ========================================================================== */

/*我们*/
.sect_us{overflow: hidden;text-align: center;background: url('../img/yw_01_2.jpg') center center no-repeat;background-size:cover ;}
.sect_us .us2{padding: 0 15%;font-size: 15px;color: #585858;}

/*新闻*/
.sect_new{overflow: hidden;}
.new-box{font-size: 14px;color: #404040}
.new-box h3{font-size: 24px;color: #000;font-weight: normal;padding: 0 0 10px 10px;position: relative;}
.new-box h3 a{color: #000}
.new-box h3 i{position: absolute;right: 20px;top: 22%;color: #d83142}
.new-box ul{background-color: #f6f6f6;padding: 20px;line-height: 2}
.new-box ul li span{padding-right: 8px}

.news-box{position: relative;color: #636363;padding: 0 0 10px 0}
.news-box:hover{cursor: pointer}
.news-box.on{background-color: #fb9b34}
.news-box.on *{color: #fff!important;}
.news-box.on:after{display: none}
.news-box .date{padding: 7px 10px 5px 10px; text-align: center;font-size: 12px;border:1px solid #636363;}
.news-box .date i{font-size: 40px;font-weight: bold;display: block;line-height: 0.8;color: #585858}
.news-box .item{display: none;}
.news-box h3{font-size: 16px;font-weight: normal;padding-bottom: 6px}
.news-box h3 a{color: #000}
.news-box h3 a:hover{color: #0068bd;}
.news-box p{font-size: 14px}
.news-box .more:hover{color: #000!important;background:none}

.news-box.one{border-bottom: 0;padding: 0;overflow: hidden;}
.news-box.one img{width:100%;height: 100%}
.news-box.one .cont{padding:15px 0 20px 0}

/*产品*/
.sect_prod{overflow: hidden; background:#fff;}
.sect_prod .index_ { padding-bottom: 0 }
.sect_prod .index_ .T h2 p{background: #fff; font-size:14px; color:#585858;}

.prodbox { position: relative; width: 20%; float: left; background-color: #f7f7f7 }
.prodbox .prodimg { position: relative; display: block; background-size: cover; background-repeat: no-repeat; background-position:center 0; overflow: hidden; height:330px;}
.prodbox .prodimg img { width:0; height:0; }
.prodbox p { text-align: center; color: #fff; font-size: 16px; position: absolute; bottom: 6px; left: 0; width: 100%; line-height: 36px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 5; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.layerMask { position: absolute; top: 0; right: -1px; bottom: 0; left: 0; z-index: 4; border-right: 1px solid #fff; background: url(../img/base/layer.png); opacity: 0.8; -moz-transition: all ease-in-out 1s; -webkit-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; -ms-transition: all ease-in-out 1s; transition: all ease-in-out 1s; }
.prodbox:hover .layerMask { opacity: 0 }
.prodbox:hover p { transform: translateY(100%); }